$(function () {
    $('.checkbox').click(function () {
        //$(this).prop('checked')  获取当前复选框的选中状态 true/false
        // console.log($(this).prop('checked'))
        $('.j-checkbox,.checkbox').prop('checked', $(this).prop('checked'));
        if ($('.checkbox:checkbox').prop('checked') === true) {
            $('.cart-item').css('background-color', 'rgb(239, 231, 231)')
        }
        else {
            $('.cart-item').css('background-color', 'white')
        }
    })

    $('.j-checkbox').change(function () {
        //如果复选框全部选中，则全选复选框被选中
        // :checked 选择器能够查看哪些复选框被选中
        if ($('.j-checkbox:checked').length === 3) {
            $('.checkbox').prop('checked', true);
        } else {
            $('.checkbox').prop('checked', false);
        }
    })
    //复选框被选中时，改变背景颜色
    $('.j-checkbox').click(function () {
        if ($(this).prop('checked') === true) {
            var id = $(this).parent().parent().prop('id');
            $('#' + id).css('background-color', 'rgb(239, 231, 231)');
        }
        else {
            var id = $(this).parent().parent().prop('id');
            $('#' + id).css('background-color', 'white');
        }
    })

    //增减商品数量，
    //思路：先声明一个变量，当我们点击+/-时，将当前的数量+1/-1，然后赋值给变量，最后将变量赋值给小计
    // -
    $('.decrement').click(function () {
        var num;
        num = $(this).siblings('input').val();
        if (num > 1) {
            num--;
        }
        $(this).siblings('input').val(num);
        var id = $(this).parents().siblings('.p-sum').attr('id');
        changePrice(id);
        getSum();
    })
    // +
    $('.increment').click(function () {
        var num;
        num = $(this).siblings('input').val();
        num++;
        $(this).siblings('input').val(num);
        var id = $(this).parent().parent().siblings('.p-sum').attr('id');
        changePrice(id);
        getSum();
    })
    //手动输入商品数量
    $('.itxt').change(function () {
        var id = $(this).parents().siblings('.p-sum').attr('id');
        changePrice(id);
        getSum();
    })
    //改变小计
    function changePrice(id) {
        id = '#' + id;
        var price = $(id).siblings('.p-price').text().substring(1);
        var num = $(id).siblings('.p-num').find('input').val();
        var p_sum = price * num;
        //toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。
        $(id).text('￥' + p_sum.toFixed(2));
    }
    //计算总件数和总价
    function getSum(){
        var count = 0;
        var money = 0;
        $('.itxt').each(function(index,ele){
            count += parseInt($(ele).val());
        })
        $('.amount-sum em').text(' '+ count + ' ');
        
        $('.p-sum').each(function(index,ele){
            money += parseInt($(ele).text().substring(1))
        })
        $('.price-sum em').text('￥' + money.toFixed(2));
    }
    //删除商品
    $('.p-action a').click(function(){
        $(this).parents('.cart-item').remove();
    })
    //删除选中的商品
    $('.remove-batch').click(function(){
        $('.j-checkbox:checked').parents('.cart-item').remove();
        console.log($('.j-checkbox:checked'))
    })
})